﻿<!DOCTYPE html>
<html lang="zxx">
  <head>
    <!--=== Required meta tags ===-->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <!--=== CSS Link ===-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css" />
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/css/icofont.min.css" />
    <link rel="stylesheet" href="assets/css/font-awesome-pro.css" />
    <link rel="stylesheet" href="assets/css/meanmenu.css" />
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css" />
    <link rel="stylesheet" href="assets/css/scrollcue.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
    <link rel="stylesheet" href="assets/css/contact.css" />

    <!--=== Favicon ===-->
    <!-- <link rel="icon" type="image/png" href="assets/images/favicon.png" /> -->
    <!--=== Title ===-->
    <title>Saildefenser</title>
  </head>

  <body>
    <!--=== Start Preloader Section ===-->
    <div class="preloader">
      <div class="content">
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
      </div>
    </div>
    <!--=== End Preloader Section ===-->

    <!--=== Start Navbar Section ===-->
    <div class="navbar-section">
      <!--=== Start Main Navbar Section ===-->
      <div class="main-nav">
        <div class="container">
          <nav class="navbar navbar-expand-md navbar-light">
            <a class="navbar-brand" href="index.html">
              <img class="logo" src="assets/images/logo.png" alt="Logo" />
            </a>

            <div
              class="collapse navbar-collapse for-mobile-menu"
              id="navbarSupportedContent"
            >
              <ul class="navbar-nav m-auto">
                <li class="nav-item">
                  <a href="index.html" class="nav-link"> Home </a>
                </li>
                <li class="nav-item">
                  <a href="products.html" class="nav-link">Products</a>
                </li>
                <li class="nav-item">
                  <a href="applications.html" class="nav-link">Applications</a>
                </li>
                <li class="nav-item">
                  <a href="about-us.html" class="nav-link active active-70"
                    >About Us</a
                  >
                </li>
                <li class="nav-item">
                  <a href="contact-us.html" class="nav-link">Contact Us</a>
                </li>
              </ul>

              <!-- <div class="nav-right-options">
								<ul>
									<li>
										<a href="testimonials.html" class="main-btn">
											<span>
												<span class="get">Get A Quote</span>
												<i class="fa-solid fa-arrow-right"></i>
											</span>
										</a>
									</li>
								</ul>
							</div> -->
            </div>
          </nav>
        </div>
      </div>
      <!--=== End Main Navbar Section ===-->

      <!--=== Start Mobile Navbar Section ===-->
      <div class="mobile-nav">
        <div class="container">
          <div class="mobile-menu">
            <div class="logo">
              <a href="index.html">
                <img src="assets/images/logo.png" alt="Logo" />
              </a>
            </div>
          </div>
        </div>
      </div>
      <!--=== End Mobile Navbar Section ===-->
    </div>
    <!--=== End Navbar Section ===-->

    <!--=== Start Page Banner Section ===-->
    <div
      class="page-banner-section banner-section bg-img pt-50 pb-50"
      data-background="./assets/images/banner.png"
    >
      <div class="container">
        <div class="row">
          <div class="col-lg-5">
            <div class="page-banner-img text-center">
              <img
                src="assets/images/banner/banner-bg-sd.png"
                alt="page-banner-img"
              />
            </div>
          </div>
          <!-- <div class="col-lg-7">
            <div class="page-banner-content">
              <h2>Self-introduction</h2>
            </div>
          </div> -->
        </div>
      </div>
      <div class="h2style h2style1" style="">
        <h2>Self-introduction</h2>
      </div>
    </div>
    <!-- <div
      style="
        width: 100%;
        padding-bottom: 80px;
        display: flex;
        justify-content: center;
      "
    >
      <div style="display: flex; justify-content: center">
        <div style="color: rgba(0, 0, 0.9); margin: 50px 80px 0 80px">
          <div
            style="
              margin-bottom: 20px;
              color: rgb(0, 71, 144);
              text-align: center;
              font-size: 30px;
            "
          >
            Corporate Profile
          </div>
          <div>
            Saildefender Ltd is a company which is focus on the research and
            development of gyroscope for marine industry. The core technical
            team began to invest in 2012, and the first anti-roll gyroscope was
            launched in 2014.Over the years, we have always adhered to
            independent innovation and comprehensively improved the comfort and
            safety of boats in the sea.
          </div>
          <div style="margin-top: 30px">
            Saildefender series anti-roll gyroscope has a number of patents, can
            meet the needs of different sizes of boats, at present, the product
            has been widely used in entertainment, engineering, maritime and
            other different boats.
          </div>
        </div>
      </div>
    </div> -->
    <section class="dedicated-area banner-section-spc pt-50 pb-100">
      <div class="container">
        <div class="main-section-title">
          <h2>Corporate Profile</h2>
        </div>
        <div class="row justify-content-center">
          <div class="col-lg-12">
            <p class="">
              Saildefender Ltd is a company which is focus on the research and
              development of gyroscope for marine industry. The core technical
              team began to invest in 2012, and the first anti-roll gyroscope
              was launched in 2014.Over the years, we have always adhered to
              independent innovation and comprehensively improved the comfort
              and safety of boats in the sea.
            </p>
          </div>

          <div class="col-lg-12">
            <p>
              Saildefender series anti-roll gyroscope has a number of patents,
              can meet the needs of different sizes of boats, at present, the
              product has been widely used in entertainment, engineering,
              maritime and other different boats.
            </p>
          </div>
        </div>
      </div>
    </section>
    <div
      class="container-bottom"
      style="
        /* display: flex;
			  justify-content: center; */
        /* align-items: center; */
        text-align: center;
        background-size: cover;
        background-image: url('assets/images/container-bottom.png');
      "
    >
      <img
        class="container-bottom-img"
        style="width: 500px; margin-top: -60px"
        src="assets/images/logo1.png"
        alt=""
      />
      <div style="color: #fff; margin-top: -110px; padding-bottom: 35px">
        <div>Saildefender Co.,Ltd</div>
        <div>Pudong Distirct ,Shanghai, China</div>
        <div>Mail: info@saildefender.com</div>
      </div>
    </div>
    <!--=== End Page Banner Section ===-->
    <!--=== JS Link ===-->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/jquery.meanmenu.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/magnific-popup.min.js"></script>
    <script src="assets/js/counterup.min.js"></script>
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/scrollcue.js"></script>
    <script src="assets/js/countdown.min.js"></script>
    <script src="assets/js/custom.js"></script>
  </body>
</html>
